$(function() {
	$.get("employeeAcc.do", function(data) {
		$("#accountNow").text(data.account);
		$("#postNow").text(data.post);
	});
	$("#upload").click(function(){
		$.get("downloadDish.do");
	});
	$("button[data-target='#addEmpDiv']").click(function() {
		$("#empForm").resetForm();
		$("#empModalLabel").text("WELCOME添加您的员工信息");
		$("#undoit").text("取消添加");
		$("#addEmp").text("添加员工");
		$("#account").removeAttr("disabled");
		$("#imgEmp").attr("src", "img/empimg/default.jpg");
		$("#id").val("");
		$("#eid").val("");
	});
	$("button[data-target='#addFoodDiv']").click(function() {
		$("#foodForm").resetForm();
		$("#foodModalLabel").text("WELCOME添加您的菜品信息");
		$("#disaddFood").text("取消添加"); 
		$("#addFood").text("添加菜品");
		$("#imgFood").attr("src", "img/empimg/default.jpg");
		$("#foodId").val("");
	});
	$("#addEmp").click(function() {
		$("#empForm").ajaxSubmit({
			beforeSubmit: function() {
				if($("#account").val().length < 6) {
					alert("检查账号");
					return false;
				}
				if($("#pwd").val().length < 6 || $("#empName").val().length < 0 || $("#number").val().length < 0 || $("#address").val().length < 0) {
					alert("请检查填写内容");
					return false;
				}
			},
			success: function(data) {
				if(data == "ok") {
					$("#addEmpDiv").modal('hide');
					$("#empForm").resetForm();
					$('a[data-para="#empDiv"]').click();
				} else {
					alert("操作失败，请检查");
				}
			}
		});
	});
	$("#addFood").click(function() {
		$("#foodForm").ajaxSubmit({
			beforeSubmit: function() {

			},
			success: function(data) {
				if(data == "ok") {
					$("#addFoodDiv").modal('hide');
					$("#foodForm").resetForm();
					$('a[data-para="#foodDiv"]').click();
				} else {
					alert("操作失败，请检查");
				}
			}
		});
	});
	$("#excelFile").change(function(){
		$("#importDiv").modal("show");
	});
	$("#uploadBtn").click(function() {
		$("#uploadForm").ajaxSubmit({
			beforeSubmit: function() {

			},
			success: function(data) {
				if(data == "ok") {
					$("#importDiv").modal("hide");
					alert("操作成功");
					$('a[data-para="#foodDiv"]').click();
				} else {
					alert("操作失败，请检查");
				}
			}
		});
	});
	//员工头像图片显示预览
	$("#imgFile").change(function() {
		var obj = $("#imgFile")[0].files[0];
		var fr = new FileReader();
		fr.onload = function() {
			$("#imgEmp").attr('src', this.result);
			// console.log(this.result);
			// $("#avatar").val(this.result);
		};
		fr.readAsDataURL(obj);
	});
	//菜品图片显示预览
	$("#dishPicFile").change(function() {
		var obj = $("#dishPicFile")[0].files[0];
		var fr = new FileReader();
		fr.onload = function() {
			$("#imgFood").attr('src', this.result);
		};
		fr.readAsDataURL(obj);
	});
	//导航栏点击事件
	$("a[data-para]").click(function() {
		$("#left li").removeClass("active");
		$(this).parent("li").addClass("active");
		var para = $(this).attr("data-para");
		$(".body").hide();
		$(para + " tbody").empty();
		$(para).show(500);
	});

	//导航栏员工管理
	$('a[data-para="#empDiv"]').click(function() {
		$.get(
			"empAccQueryAll.do",
			function(data) {
				for(var i = 0; i < data.length; i++) {
					$("#empDiv tbody")
						.append(
							'<tr><td>' +
							data[i].id +
							'</td><td>' +
							data[i].account +
							'</td><td>' +
							data[i].post +
							'</td><td><button class="btn btn-primary" data-toggle="modal" data-target="#lookEmpDiv"><span class="glyphicon glyphicon-search"></span></button></td><td><button class="btn btn-primary" data-target="#editEmpDiv"><span class="glyphicon glyphicon-edit"></span></button></td><td><button class="btn btn-danger" data-toggle="modal" data-target="#delDiv"><span class="glyphicon glyphicon-trash"></span></button></td></tr>');
				}
				//查看员工信息
				$("button[data-target='#lookEmpDiv']").click(function() {
					var children = $(this).parent().parent().children();
					var tr = $("#lookEmpDiv tr");
					$.get("empGetById.do?id=" + children.eq(0).text(),
						function(data) {
							if(data.employeeInfo.img == null) {
								data.employeeInfo.img = "default.jpg";
							}
							$("#empInfoImg").attr("src", "img/empimg/" + data.employeeInfo.img);
							tr.eq(0).children().eq(1).text(data.account);
							tr.eq(1).children().eq(1).text(data.pwd);
							tr.eq(2).children().eq(1).text(data.post);
							tr.eq(3).children().eq(1).text(data.employeeInfo.name);
							tr.eq(4).children().eq(1).text(data.employeeInfo.sex);
							tr.eq(5).children().eq(1).text(data.employeeInfo.number);
							tr.eq(6).children().eq(1).text(data.employeeInfo.address);
						});
				});
				//修改信息时注入数据
				$("button[data-target='#editEmpDiv']").click(function() {
					$("#empForm").resetForm();
					var children = $(this).parent().parent().children();
					$.get("empGetById.do?id=" + children.eq(0).text(),
						function(data) {
							if(data.employeeInfo.img == null) {
								data.employeeInfo.img = "default.jpg";
							}
							$("#empModalLabel").text("WELCOME修改您的员工信息");
							$("#undoit").text("取消修改");
							$("#addEmp").text("确认修改");
							$("#id").val(data.id);
							$("#eid").val(data.eid);
							$("#imgEmp").attr("src", "img/empimg/" + data.employeeInfo.img);
							$("#account").attr("disabled", "disabled");
							$("#account").val(data.account);
							$("#pwd").val(data.pwd);
							$("#post").val(data.post);
							$("#empName").val(data.employeeInfo.name);
							$("#sex").val(data.employeeInfo.sex);
							$("#number").val(data.employeeInfo.number);
							$("#address").val(data.employeeInfo.address);
						});
					$("#addEmpDiv").modal('show');
				});
				//删除时查看员工信息
				$("button[data-target='#delDiv']").click(function() {
					var children = $(this).parent().parent().children();
					$("#delDiv .h4").html("员工ID<span>" + children.eq(0).text() + "</span>号<br />账号" + children.eq(1).text() + "<br />职务" + children.eq(2).text());
				});
				//删除信息
				$("#delDivBtn").unbind("click");
				$("#delDivBtn").click(function() {
					$.get("empDel.do?id=" + $("#delDiv .h4 span").text(), function(data) {
						if(data == "ok") {
							alert("删除成功");
							$('a[data-para="#empDiv"]').click();
						} else {
							alert("删除失败");
						}
					});
				});
			});
	});
	$('a[data-para="#empDiv"]').click();
	//导航栏菜品管理
	$('a[data-para="#foodDiv"]').click(function() {
		$.get(
			"dishQueryAll.do",
			function(data) {
				for(var i = 0; i < data.length; i++) {
					$("#foodDiv tbody")
						.append(
							'<tr><td>' +
							data[i].id +
							'</td><td>' +
							data[i].name +
							'</td><td>' +
							data[i].price +
							'</td><td><button class="btn btn-primary" data-toggle="modal" data-target="#lookFoodDiv"><span class="glyphicon glyphicon-search"></span></button></td><td><button class="btn btn-primary" data-target="#editFoodDiv"><span class="glyphicon glyphicon-edit"></span></button></td><td><button class="btn btn-danger" data-toggle="modal" data-target="#delDiv"><span class="glyphicon glyphicon-trash"></span></button></td></tr>');
				}
				//查看菜品信息
				$("button[data-target='#lookFoodDiv']").click(function() {
					var children = $(this).parent().parent().children();
					var tr = $("#lookFoodDiv tr");
					$.get("dishQueryById.do?id=" + children.eq(0).text(),
						function(data) {
							if(data.pic == null) {
								data.pic = "default.jpg";
							}
							$("#foodInfoImg").attr("src", "img/foodimg/" + data.pic);
							tr.eq(0).children().eq(1).text(data.name);
							tr.eq(1).children().eq(1).text(data.price);
							tr.eq(2).children().eq(1).text(data.command);
							tr.eq(3).children().eq(1).text(data.brief);
							tr.eq(4).children().eq(1).text(data.text);

						});
				});
				//修改菜品信息时注入数据
				$("button[data-target='#editFoodDiv']").click(function() {
					$("#foodForm").resetForm();
					var children = $(this).parent().parent().children();
					$.get("dishQueryById.do?id=" + children.eq(0).text(),
						function(data) {
							if(data.pic == null) {
								data.pic = "default.jpg";
							}
							$("#foodModalLabel").text("WELCOME修改您的菜品信息");
							$("#disaddFood").text("取消修改");
							$("#addFood").text("确认修改");
							$("#foodId").val(data.id);
							$("#imgFood").attr("src", "img/foodimg/" + data.pic);
							$("#foodName").val(data.name);
							$("#price").val(data.price);
							$("#command").val(data.command);
							$("#brief").val(data.brief);
							$("#text").val(data.text);
						});
					$("#addFoodDiv").modal('show');
				});
				//删除时查看员工信息
				$("button[data-target='#delDiv']").click(function() {
					var children = $(this).parent().parent().children();
					$("#delDiv .h4").html("菜品ID<span>" + children.eq(0).text() + "</span>号<br />菜品名称" + children.eq(1).text() + "<br />菜品价格￥" + children.eq(2).text());
				});
				//删除信息
				$("#delDivBtn").unbind("click");
				$("#delDivBtn").click(function() {
					$.get("dishDel.do?id=" + $("#delDiv .h4 span").text(), function(data) {
						if(data == "ok") {
							alert("删除成功");
							$('a[data-para="#foodDiv"]').click();
						} else {
							alert("删除失败");
						}
					});
				});
			});
	});

	$("button[data-target='#delFoodDiv']").click(function() {
		var children = $(this).parent().parent().children();
		$("#tableNo").text(children.eq(0).text());
		$("#foodName").text(children.eq(2).text());
	});
	// 后厨删除订单食物调用方法
	$("#delFoodBtn").click(function() {
		// 需要删除请求发送

		$("a[data-para='#cookDiv']").click();
	});
});